<layout name='layout_page' />

<div class="row">
	<div class="col-lg-12">
		<div class="row">
			<div class="col-lg-12">
				<ol class="breadcrumb">
					<li><a href="<{:U('Index/index')}>"><{:L('_menu_home')}></a></li>
					<li class="active"><span>Mentees Detail</span></li>
				</ol>
				<h1>Mentees Detail</h1>
			</div>
		</div>
		<div class="row" id="user-profile">
			<div class="col-lg-3 col-md-4 col-sm-4">
				<div class="main-box clearfix">
					<div class="main-box-body clearfix" style="padding: 10px 10px 20px 10px;">
					    <?php if($list['isOnline']==1){ ?>
						<div class="profile-status"><i class="fa fa-circle"></i> Online</div>
						<?php } ?>
						<img src="<{$list.face|getFace=###}>" class="profile-img img-responsive center-block">
						<!-- <div class="profile-stars">
						<span>Evaluate:</span>
						<?php for($i=0;$i<$list['star'];$i++){ ?>
						<i class="fa fa-star"></i>
						<?php } ?>
						<?php for($i=0;$i<5-$list['star'];$i++){ ?>
						<i class="fa fa-star-o"></i>
						<?php } ?>
						</div> -->
						<div class="profile-since">Member since:<{$list.createTime|date="F,d,Y",###}></div>
						<div class="profile-details">
						<ul class="fa-ul">
						<li><i class="fa fa-phone"></i> <{$list.phone}></li>
						<li><i class="fa fa-envelope"></i>  <{$list.username}></li>
						<li><i class="fa fa-map-marker" style="font-size:20px;"></i> <{$list.address}>,<{$list.city}>,<{$list.state}>,<{$list.zip}></li>
						</ul>
						</div>
						<div class="profile-message-btn center-block text-center">
							<a onclick="openWindow('Appointment','<{:U('Appointment/add',array('toID'=>$list['userid']))}>',600,500)" style="margin-bottom: 5px;" class="btn btn-success"><i class="fa fa-comments-o"></i> Appointment</a>

							<a href="javascript:void(0)" onclick="openWindow('Send message','<{:U('Message/send',array('toID'=>$list['userid']))}>',600,400)" style="margin-bottom: 5px;" class="md-trigger btn btn-primary"><i class="fa fa-envelope"></i> <{:L('_send_msg')}></a>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-9 col-md-8 col-sm-8">
				<div class="main-box clearfix">
					<div class="tabs-wrapper profile-tabs">
						<ul class="nav nav-tabs">
							<li class="active"><a href="#tab-newsfeed" data-toggle="tab">Introduction</a></li>
							<!-- <li><a href="#tab-activity" data-toggle="tab">Comment</a></li> -->
						</ul>
						<div class="tab-content">
							<div class="tab-pane fade active in" id="tab-newsfeed">
							<h3 style="padding-bottom: 5px;margin:5px 0;">Basic information</h3>
							<div class="form-group">
								<div class="col-md-12"><label>Nickname:</label><{$list.nickname}></div>
							</div>
							<div class="form-group">
								<div class="col-md-6"><label>First Name:</label><{$list.firstName}></div>
								<div class="col-md-6"><label>Last Name:</label><{$list.lastName}></div>
							</div>
							<div class="form-group">
								<div class="col-md-6"><label>University:</label><{$list.school}></div>
								<div class="col-md-6"><label>Major:</label><{$list.major}></div>
							</div>
							<div style="clear:both;"></div>
							<h3 style="padding-bottom: 5px;margin:5px 0;">Industry You Prefer to Work In</h3>
							<p><{$list.desired}></p>
							</div>
							<!-- <div class="tab-pane fade" id="tab-activity">
							    <iframe style="width: 100%;overflow:hidden;border: none;height:600px;" src="<{:U('Mentees/getComment',array('id'=>$list['userid']))}>"></iframe>
							</div> -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<style type="text/css">
/*导师口碑*/
#user-profile .profile-stars,#user-profile .profile-since{text-align: left;margin-left: 40px;}
#user-profile .profile-stars span{color: #344644;margin-right: 5px;}
#user-profile .profile-stars i{margin-right: 5px;}
/*导师技能*/
.trainList{margin: 0px;padding: 0px;}
.trainList li{font-size: 40px;list-style: none;display: inline-block;margin-right: 20px;}
</style>